<template>
	<view class="project_content">
		<!-- 文本展示 -->
		<view class="project_text_message">
			<h1>技术栈的介绍</h1>
		</view>
		<!-- 图片列表详情展示 -->
		<view class="image_list">
			<ul class="image_list_content" v-for="(item, index) in imgList" :key="index">
				<image :src="item" class="image_detail"></image>
			</ul>
		</view>
		<br/>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				 videoUrl: '/static/video/课程导学.mp4' ,// 视频文件路径，根据实际路径设置
				 imgList: [
				   '/static/slideshow/lunbotu1.jpg',
				   '/static/slideshow/lunbotu2.jpg',
				   '/static/slideshow/lunbotu3.jpg',
				   '/static/slideshow/lunbotu2.jpg',
				   '/static/slideshow/lunbotu3.jpg',
				   '/static/slideshow/lunbotu2.jpg',
				   '/static/slideshow/lunbotu3.jpg',
				   '/static/slideshow/lunbotu2.jpg',
				   '/static/slideshow/lunbotu3.jpg'
				 ]
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.project_video{
		margin-top: 50px;
		text-align: center;
	}
	h1{
		margin-bottom: 20px;
	}
	
	.image_list{
		text-align: center;
		padding: 0px;
	}
	.image_list_content{
		padding: 0px;
	}
	.image_detail{
		width: 90%;
		height: 400px;
		padding: 0px;
	}
</style>
